<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>想即做thinkTodo任务清单</title>

    <!-- 指定图标 -->
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">

    <link href="/libs/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/_assets/css/fonts.css">

    <!--
本地 Bootstrap 核心 CSS 文件
本地jQuery文件。务必在bootstrap.min.js 之前引入
本地 Bootstrap 核心 JavaScript 文件 
-->

    <link rel="stylesheet" href="/libs/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src='/libs/fullcalendar-1.6.1/jquery/jquery-1.9.1.min.js'></script>
    <script src="/libs/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

    <!--
 <link rel="stylesheet" href="/libs/jquery-ui/themes/base/jquery.ui.all.css">     
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
-->
    <!-- Add IntroJs styles -->
    <link href="/libs/introjs/introjs.css" rel="stylesheet">

    <link rel="stylesheet" href="/_assets/css/base.css">
    <link rel="stylesheet" href="/_assets/css/home_with_bs.css">
    <link rel="stylesheet" href="/_assets/css/panel.css">
    <link rel="stylesheet" href="/_assets/css/view-control-bar.css">
    <link rel="stylesheet" href="/_assets/css/task_with_bs.css">
    <link rel="stylesheet" href="/_assets/css/style_tags.css">
    <link rel="stylesheet" href="/_assets/css/for_auth.css">
    <link rel="stylesheet" href="/_assets/css/for_calendar.css">
    <link rel="stylesheet" href="/_assets/css/for_stage_icon.css">
    <link rel="stylesheet" href="/_assets/css/button.css">

    <!--    在调试时用，可以即时刷新css,只对代码之前的css有用
    <script type="text/javascript" src="/libs/cssrefresh.js"></script>
 -->

    <style>

    </style>

    <link href='/libs/fullcalendar-1.6.1/fullcalendar/fullcalendar.css' rel='stylesheet' />
    <link href='/libs/fullcalendar-1.6.1/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />

    <script src="/libs/layer/layer.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
    <script src="/libs/vue/vue.js"></script>

    <link href='/libs/rangeslider.js-2.3.0/ion.rangeSlider.css' rel='stylesheet' />


    <script type="text/javascript">
        var now = new Date();
        console.log(now.toDateString() + '--' + now.toTimeString());

        var node_type_icon = new Object();
        node_type_icon["S"] = "fa-search";
        node_type_icon["undefined"] = "";
        domain = "www.thinktodo.cn";

        var workarea = '';
        var teamid; //当前团队任务的团队号

        var drag_type = "task"; //拖放类型
        var calendar_show = true;
        var play_wave = false;

        var simple_view_root_taskid = 2; //简单任务面板的根taskid
        var alltask_view_root_taskid = 1; //分类任务面板的根taskid

        var current_edit_taskid;

        var current_opt_task_id; //当前操作的task数据ID
        var current_opt_dom_id; //当前操作task的dom ID

        var unique_dom_id = 1000; //用于生成唯一dom id的起始序号
        var anchor_taskid; //当前锚定的ID


        //这段内嵌php代码，不能使用Beautify
        //通过php向js传递变量，但teamId要存在
        <?php if (isset($teamId)) { ?>
            var abc = <?php $teamId ?>;
        <?php  } ?>

        $(document).ready(function() {
            //取得团队参数
            teamid = $("#parm").attr("data-teamid");
            console.log("teamid=" + teamid);

            //一键取得所有任务并挂装（扣除已存档任务）
            //	refresh_all_and_append3();//先挂装顶级任务，在打开具体任务时再挂装
            refresh_all_task_and_append(); //用数组处理，生成全部HTML后，挂装

            //            创建当前任务视图
            //            create_recent_view();
            //	console.log($("#parm").attr('data-rootTaskId'));

            // 焦点停留在输入框
            $("#input_simple_task_add").focus();
        }); //end of $(document).ready事件
    </script>
</head>

<body>

    <div id="btn-bar" class="cl r " style="z-index:101;right:5px;">



        <button class="btn btn-info radius r" href="javascript:void(0);" title="快速上手！" onclick="startIntro();"><img src=/_assets/icons/roadsign.png style="width:24px;height:18px;"></button>
        <button class="btn btn-info radius r" href="javascript:void(0);" title="任务统计" onclick="open_task_sum();"><i class="fa fa-info fa-fw"> </i></button>
        <div id="top_btn_bar" class="btn-group r">
            <div class="btn-group" style="display:none;" role="group" aria-label="...">

                <button class="btn radius r checked" id="btn_show_hide_date" role="button" href="###" onclick="show_or_hide_date();" data-action="hide" title="显示/隐藏日期"><i class="fa fa-calendar fa-fw"></i></button>
                <button class="btn radius r checked" id="btn_show_hide_tags" role="button" href="###" onclick="show_or_hide_tags();" data-action="hide" title="显示/隐藏标签"><i class="fa fa-tags fa-fw"> </i></button>
                <button class="btn radius r " id="btn_play_wave" role="button" href="###" onclick="play_wave=!play_wave;$(this).toggleClass('checked');"  title="播放音效"><i class="fa fa-volume-up fa-fw"> </i></button>
                <!-- <button class="btn btn-warning radius r" role="button" href="###" onclick='active_task_sort();' title="设置"><i class="fa fa-list fa-fw"> </i></button> -->
                <!-- <button class="btn  radius r" id="btn_toggle_drag_mode" role="button" href="###" onclick='toggle_drag_mode();' title="拖放还是复制"><i class="fa fa-copy fa-fw"> </i></button> -->

                <button class="btn btn-warning radius r" role="button" href="###" onclick='call_task_box();$(this).toggleClass("checked");' title="任务箱"><i class="fa fa-archive fa-fw"> </i></button>
                <button class="btn radius r" id="btn_show_hide_play_box" role="button" href="###" onclick='$("#out").toggleClass("play_box");$(this).toggleClass("checked");' data-action="hide" title="播放模式"><i class="fa fa-caret-square-o-right fa-fw"></i></button>

            </div>
            <button class="btn btn-warning radius r" role="button" href="###" onclick='$(this).siblings(".btn-group").toggle();' title="设置"><i class="fa fa-gear fa-fw"> </i></button>

        </div>

        <div class="btn-group r ">
            <button type="button" class="btn btn-warning" title="设置版式">版式</button>
            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" style="right:0;min-width:100px;">
                 <li class="checked"><a href="#" onclick='$("#out").removeClass("mode-average-width");$(this).closest("li").siblings().removeClass("checked");$(this).closest("li").addClass("checked");'>定宽浮靠</a></li>
                <li><a href="#" onclick='$("#out").addClass("mode-average-width");$(this).closest("li").siblings().removeClass("checked");$(this).closest("li").addClass("checked");'>均宽居中</a></li>
            </ul>
        </div>

        <div class="btn-group r ">
            <button type="button" class="btn btn-warning" title="查看不同状态的任务">状态筛选</button>
            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" style="min-width:100px;">
                <li><a href="#" onclick="show_or_hide_stage('all');">全部</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#" onclick="show_or_hide_stage('urgent_doing');"><i class="fa fa-fw fa-bomb icon-urgent "></i>+<i class="fa fa-fw fa-play-circle icon-doing "></i></a></li>
                <li><a href="#" onclick="show_or_hide_stage('urgent');"><i class="fa fa-fw fa-bomb icon-urgent "></i>迫切</a></li>
                <li><a href="#" onclick="show_or_hide_stage('doing');"><i class="fa fa-fw fa-play-circle icon-doing "></i>在办</a></li>
                <li><a href="#" onclick="show_or_hide_stage('suspend');"><i class="fa fa-fw fa-pause icon-pause "></i>暂停</a></li>
                <li><a href="#" onclick="show_or_hide_stage('farm-out');"><i class="fa fa-fw fa-puzzle-piece icon-hand "></i>委托</a></li>
                <li><a href="#" onclick="show_or_hide_stage('think');"><i class="fa fa-fw fa-lightbulb-o icon-think "></i>思考</a></li>
                <li><a href="#" onclick="show_or_hide_stage('question');"><i class="fa fa-fw fa-question icon-question "></i>疑问</a></li>
                <li><a href="#" onclick="show_or_hide_stage('finish');"><i class="fa fa-fw fa-check icon-finish "></i>完成</a></li>
                <li><a href="#" onclick="show_or_hide_stage('send');"><i class="fa fa-fw fa-paper-plane icon-send "></i>交差</a></li>
                <li><a href="#" onclick="show_or_hide_stage('');"><i class="fa fa-fw fa-circle-thin "></i>无状态</a></li>
                <!--
		<li role="separator" class="divider"></li>	
		<li><a href="#" onclick="show_or_hide_stage('notfinish');"><i class="fa fa-fw icon-nofinish "></i>未完成</a></li>
		<li role="separator" class="divider"></li>	
		<li><a href="#" onclick="show_important_task();"><i class="fa fa-fw icon-nofinish "></i>重要</a></li>
-->
                <li role="separator" class="divider"></li>
                <li data-intags="当天"><a href="#" onclick="show_or_hide_stage('当天');"><i class="fa fa-fw fa-calendar  "></i>当天</a></li>
                <li data-intags="当周"><a href="#" onclick="show_or_hide_stage('当周');"><i class="fa fa-fw fa-calendar  "></i>当周</a></li>
                <li data-intags="当月"><a href="#" onclick="show_or_hide_stage('当月');"><i class="fa fa-fw fa-calendar  "></i>当月</a></li>
                <li data-intags="当季"><a href="#" onclick="show_or_hide_stage('当季');"><i class="fa fa-fw fa-calendar  "></i>当季</a></li>
                <li data-intags="当年"><a href="#" onclick="show_or_hide_stage('当年');"><i class="fa fa-fw fa-calendar  "></i>当年</a></li>
                <li role="separator" class="divider"></li>
                <li><i class="fa fa-fw fa-tag  "></i>标签筛选</li>
                <input id="input_show_by_tag" class="form-control radius " title="按标签" onkeydown='if(event.keyCode==13){show_in_tree_by_tag();}' type=text>
            </ul>
        </div>
        <div class="btn-group r ">
            <button type="button" class="btn btn-warning" title="设置拖放的模式">拖放模式</button>
            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="caret"></span>
	        </button>
            <ul class="dropdown-menu" style="right:0;min-width:100px;">
                <li class="checked"><a href="#" onclick='$(this).closest("li").addClass("checked");$(this).closest("li").siblings().removeClass("checked");change_drag_mode("move");'><i class="fa fa-fw fa-square-o"></i><i class="fa fa-fw fa-arrow-right"></i><i class="fa fa-fw fa-square"></i>移动</a></li>
                <li><a href="#" onclick='$(this).closest("li").addClass("checked");$(this).closest("li").siblings().removeClass("checked");change_drag_mode("linkin");'><i class="fa fa-fw fa-square"></i><i class="fa fa-fw fa-arrow-right"></i><i class="fa fa-fw fa-share-square"></i>链入</a></li>
                <li><a href="#" onclick='$(this).closest("li").addClass("checked");$(this).closest("li").siblings().removeClass("checked");change_drag_mode("linkto");'><i class="fa fa-fw fa-square"></i><i class="fa fa-fw fa-arrow-right"></i><i class="fa fa-fw fa-share-square"></i>链向</a></li>
                <!-- <li><a href="#" onclick="change_drag_mode('copy');"><i class="fa fa-fw fa-square-o"></i><i class="fa fa-fw fa-arrow-right"></i><i class="fa fa-fw fa-square"></i>复制</a></li> -->
                <!-- <li><a href="#" onclick="change_drag_mode('link');"><i class="fa fa-fw fa-share-square"></i><i class="fa fa-fw fa-arrow-right"></i><i class="fa fa-fw fa-square"></i>移动留链</a></li>
                <li><a href="#" onclick="change_drag_mode('swap');"><i class="fa fa-fw fa-share-square"></i><i class="fa fa-fw fa-arrows-h"></i><i class="fa fa-fw fa-square"></i>互换</a></li> -->
            </ul>
        </div>
        <?php echo $loginbar; ?>

    </div>

    <div class="logo">
        <a href="/">
        <!-- <img src="/_assets/img/logo_50_80.png" style="vertical-align:bottom"> -->
            <img src="/_assets/img/logo.png" style="vertical-align:bottom;width:96px;height:96px;">
            <span style="color:blue;font-weight:500;">think</span><span style="color:red;font-weight:600;">todo.cn</span>
        </a>
        <span style="position:relative;top:-50px;left:-60px;border-radius: 6px;padding: 2px 3px;font-size: 16px;font-weight: bold;color: #fff;background-color: #81778C;">beta</span>
        <span style="font-size:18px;margin-left:-60px;">想即做 任务清单</span>
        <?php if (isset($view) && $view == 'team') { ?>
            <span style="font-size:18px;">(团队版)</span>
        <?php } ?>
    </div>
    <div id="out">
    <div id="content_area" ondragover="dragover_content_area(event);" ondrop="drop_on_content_area(event);">
       <!--页面主内容区开始 -->
        
       <div id="simple_container" class="view_container " data-visible="show">
                <header>
                    <i class="panel_icon fa fa-plus fa-2x fa-fw" onclick="view_show_hide('simple');" title="快捷增加任务"></i>
                    <span class="panel_title">不分类任务</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
                    <a class="icon_button  view_float_button" title="子任务浮动排列" onclick="switch_task_arrange(event)"><i class="fa fa-th"></i></a>
                <!-- <a class="icon_button  view_float_button" onclick="switch_task_arrange(event)"><i class="fa fa-navicon"></i></a> -->
                    <!-- <a class="icon_button  view_float_button" onclick="twice_width(event)"><i class="fa fa-expand"></i></a> -->
                    <!-- <a class="icon_button  view_float_button" onclick="clear_pass(event)"><i class="fa fa-file-o"></i></a> -->
                    <a class="icon_button  view_float_button" title="输入框置底" onclick='$("#simple_task_add_area").toggleClass("fixed_bottom");$(this).closest(".icon_button").toggleClass("checked");'><i class="fa fa-minus"></i></a>
            </header>
                       <div id="simple_view" class="view_content">
                <div id="simple_task_add_area" class="cl  text-right" style="height:34px; margin:5px;">
                    <div class="form-inline form-horizontal">
                        <input id="input_simple_task_add" class="form-control radius  col-xs-8" onkeydown='if(event.keyCode==13){simple_task_add();}' type=text>
                        <button class="btn btn-primary col-xs-2" onclick="simple_task_add()">新增</button>
                        <button class="btn col-xs-2" onclick="javascript:$('#input_simple_task_add').val('');">清除</button>
                    </div>
                </div>

                    <div data-taskid="2" class="task  area" id="902" draggable="true" ondragstart="task_dragstart(event)" data-sort="251995142" data-stage="" data-active="1" data-parent="1" data-archive="0" data-nodetype="undefined" data-intags="null" data-tags="" data-start="null" data-end="null" data-haschild="1" data-author="2" data-simple="null" style="display: block;overflow: hidden;">
                        <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o "></i></a>
                        <span class="task_title task_for_drag " title="2022-05-08 15:05:22">不分类任务</span>
                        <a class="stage_icon"><i></i></a><span class="start_date"></span><span class="tags"></span>
                        <span class="iconbar"></span>
                        <a class="task_internal_link"></a>
                        <a class="task_link"></a>
                        <a class="task_photo_icon"></a>
                        <i class="task_comment_icon"></i>
                        <a class="magic_icon" href="###"><i></i></a>
                        <i class="fa fa-angle-double-right btn_for_toolbar btn"></i>
                        <img class="task_photo hide" src="">
                        <!-- <div class="task_comment radius"><span><i class="fa fa-check btn" onclick="change_comment(event);"></i><i class="fa fa-remove btn "></i></span><textarea></textarea></div> -->
                        <span class="head_end"></span>
                </div>
                </div>
                <div data-taskid="4" class="task " id="904" data-nodetype="T" style="display:none;">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">任务挂装区</span>
                    <a class="icon_button btn_for_toolbar" href="###" title="操作面板4"><i class="fa fa-lg fa-angle-double-right"></i></a>
                    <span class="head_end"></span>
                </div>

        </div>

        <div id="alltask_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-sitemap fa-rotate-270 fa-2x fa-fw" onclick="view_show_hide('alltask');" title="分类任务"></i>
                    <span class="panel_title">分类任务</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
                <a class="icon_button  view_float_button" onclick="alongside_view(event);call_task_box();"><i class="fa fa-archive"></i></a>
            </header>
            <div id="alltask_view" class="view_content area">
                <div style="height:0.1px;"></div>
                <div id="parents_path"></div>
                <div data-taskid="1" class="task " id="901" data-nodetype="T" data-haschild="1">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">所有分类任务</span>
                        <a class="icon_button btn_for_toolbar" href="###" title="悬浮"><i class="fa fa-lg fa-angle-double-right"></i></a>
                    <span class="task_comment radius">
                        <span><i class="fa fa-check btn" onclick="change_comment(event);"></i>
                            <i class="fa fa-remove btn " onclick="close_comment(event);"></i>
                        </span>
                        <textarea></textarea>
                    </span>
                    <span class="head_end"></span>
                </div>

            </div>
        </div>

        <div id="todo_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-caret-square-o-right fa-2x fa-fw" onclick="view_show_hide('todo');" title="行动！Todo"></i>
                    <span class="panel_title">TODO</span>
            <!-- <header><i class="fa fa-bomb fa-2x fa-fw"            onclick="view_show_hide('todo');" title="行动！Todo"></i> -->
            <!-- <a class="icon_button view_float_button"><i class="fa fa-thumb-tack"></i></a> -->
                    <a class="icon_button view_float_button " title="解散归位" onclick="dissolve_todo_view();"><i class="fa fa-sign-out"></i></a>
        </header>
            <div id="todo_view" class="view_content area">
            </div>
        </div>

        <div id="calendar_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-calendar fa-2x fa-fw" onclick="view_show_hide('calendar');" title="日历视图"></i>
                    <span class="panel_title">日程</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
            </header>
            <div id='calendar_view' class="view_content area">

            </div>
        </div>

        <div id="search_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-search fa-2x fa-fw" onclick="view_show_hide('search');" title="搜索"></i>
                    <span class="panel_title">搜索</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
            </header>
            <div id="search_view" class="view_content area">
                <div id="task_search_area" class="cl">
                    <div class="form-inline">
                        <input id="input_task_search" class="form-control radius " onkeydown='if(event.keyCode==13){task_search();}' type=text>
                        <button class="btn btn-primary " onclick="task_search()">搜索</button>
                        <button class="btn " onclick="clear_search()">清除</button>
                        <button class="btn " onclick="save_search_words()">保存</button>
                    </div>
                </div>
                <div id="saved_search_words_area">
                    <i id="btn_saved_search_words_area" class="fa fa-2x fa-star " onclick="show_save_search()" style="float:right;margin:3px;" title="保存的搜索"></i>
                    <div id="saved_search_words" style="display:none;">
                    </div>
                </div>
                <div id="btn_expend_all_searched_task" style="display:none;">
                    <i class="fa fa-2x fa-asterisk " onclick="expend_all_searched_task()" style="float:right;margin:3px;" title="展开所有结果节点"></i>
                </div>
            </div>
        </div>

        <div id="urlbook_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panle_icon fa fa-link fa-2x fa-fw" onclick="view_show_hide('urlbook');" title="书签视图"></i>
                    <span class="panel_title">网址收藏夹</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
            <a class="icon_button  view_float_button" onclick="switch_task_arrange(event)"><i class="fa fa-th"></i></a>
        </header>
                   <div id='urlbook_view' class="view_content area">
                    <div data-taskid="12" class="task " id="912" data-nodetype="T" data-haschild="1">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">网址收藏夹</span>
                        <a class="icon_button btn_for_toolbar" href="###" title="操作面板13">
                            <i class="fa  fa-angle-double-right"></i></a>
                    <span class="head_end"></span>
                     </div>
            </div>
        </div>

        <div id="zsk_container" class="view_container min-show" data-visible="hide">
                <header><i class="panel_icon fa fa-book fa-2x fa-fw" onclick="view_show_hide('zsk');" title="知识库视图"></i>
                <span class="panel_title">知识库</span>
                <a class="icon_button  view_float_button" onclick="alongside_view(event)"><i class="fa fa-thumb-tack"></i></a>
            </header>
            <div id='zsk_view' class="view_content area">
                    <div data-taskid="10" class="task " id="910" data-nodetype="T" data-haschild="1">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">知识库</span>
                        <a class="icon_button btn_for_toolbar" href="###" title="操作面板10">
                            <i class="fa  fa-angle-double-right"></i></a>
                    <span class="head_end"></span>
                    </div>
            </div>
        </div>
        
        <div id="history_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-history fa-2x fa-fw" onclick="view_show_hide('history');" title="历史视图"></i>
                    <span class="panel_title">历史</span>
                </header>
            <div id='history_view' class="view_content area"></div>
        </div>

        <!--		
		<div id="shadow_container" class="view_container min-show" data-visible="hide">
            <header><i class="fa fa-copy fa-2x fa-fw" onclick="view_show_hide('shadow');" title="影子视图"></i>
			<a class="icon_button view_float_button" ><i class="fa fa-thumb-tack" ></i></a>
			</header>
            <div id='shadow_view' class="view_content area">
				 <div data-taskid="7" class="task " id="907" data-nodetype="T" data-haschild="1"  >
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">副本任务</span>
                    <a class="icon_button btn_for_toolbar" href="###" title="操作面板1"><i class="fa fa-lg fa-angle-double-right"></i></a>
                    <span class="task_comment radius"><span><i class="fa fa-check btn" onclick="change_comment(event);"></i>
        			<i class="fa fa-remove btn " onclick="close_comment(event);"></i></span><textarea></textarea></span>
                </div></div>
        </div>
-->
        <div id="help_container" class="view_container min-show" data-visible="hide">
        <header>
                    <i class="panel_icon fa fa-question fa-2x fa-fw" onclick="view_show_hide('help');" title="帮助"></i>
                    <span class="panel_title">帮助</span>
            </header>
                       <div id="help_view" class="view_content">
                    <!-- <div data-taskid="231" class="task   area" id="help" data-nodetype="R">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">如何使用thinktodo任务清单</span>
                    <a class="icon_button btn_for_toolbar" href="###" title="操作面板231"><i class="fa fa-lg fa-angle-double-right"></i></a>
                    <span class="head_end"></span>
                    </div> -->
                <div data-taskid="9" class="task  area" id="advice" data-nodetype="R">
                    <a class="expend_fold" href="###" title="展开"><i class="fa fa-folder-o"></i></a>
                    <span class="task_title task_for_drag ">给thinktodo提建议</span>
                        <a class="icon_button btn_for_toolbar" href="###" title="操作面板"><i class="fa fa-lg fa-angle-double-right"></i></a>
                    <span class="head_end"></span>
                </div>
                </div>
            </div>
            <div id="setup_container" class="view_container min-show" data-visible="hide">
                <header>
                    <i class="panel_icon fa fa-gear fa-2x fa-fw" onclick="view_show_hide('setup');" title="设置面板"></i>
                    <span class="panel_title">设置</span>
                    <a class="icon_button view_float_button" title="固定位置悬浮" onclick="alongside_view(event);$(this).toggleClass('checked');"><i class="fa fa-thumb-tack"></i></a>
                </header>
                <div id='setup_view' class="view_content area">
                    面板建设中！
            </div>
        </div>

    </div>
    <!--页面主内容区结束 -->
                      <!-- 拖放时显示的占位框 -->
                      <div class="task" id="drag_seat" style="border:1px dashed;display:none; ">将拖放到这里</div>

        <!-- 页面视图控制条 -->
    <div id="view-control-bar" class="pos-right">
        <div id="bottom-bar-left">
                <li><i class="btn-default fa fa-plus fa-2x fa-fw" onclick="container_show_hide('simple');" title="新增"></i></li>
                <li><i class="btn-default fa fa-sitemap fa-2x fa-fw" onclick="container_show_hide('alltask');" title="分类"></i></li>
                <li><i class="btn-default fa fa-play fa-2x fa-fw" onclick="container_show_hide('todo');" title="执行"></i></li>
                <li><i class="btn-default fa fa-calendar fa-2x fa-fw" onclick="container_show_hide('calendar');" title="日历"></i></li>
                <li><i class="btn-default fa fa-search fa-2x fa-fw" onclick="container_show_hide('search');" title="搜索"></i></li>
            </div>
            <div id="bottom-bar-right">      
                <li><i class="btn-default fa fa-link fa-2x fa-fw" onclick="container_show_hide('urlbook');" title="链接"></i></li>
                <li><i class="btn-default fa fa-book fa-2x fa-fw" onclick="container_show_hide('zsk');" title="知识"></i></li>
                <li><i class="btn-default fa fa-list   fa-2x fa-fw" onclick="container_show_hide('history');" title="历史"></i></li>
                <li><i class="btn-default fa fa-question fa-2x fa-fw" onclick="container_show_hide('help');" title="帮助"></i></li>
                <li><i class="btn-default fa fa-gear fa-2x fa-fw" onclick="container_show_hide('setup');" title="设置"></i></li>
        </div>

    </div>
</div>

    <!--浮动按扭-->
    <!-- <div id="right_float_bar" class="radius " style="">
        <div class="btn-group r">
            <button class="btn btn-warning radius r" role="button" href="###" onclick='$(this).siblings(".btn-group").toggle();' title="设置"><i class="fa fa-angle-double-down fa-fw"> </i></button>
            <div class="btn-group" style="display:none;" role="group" aria-label="...">
                <button class="btn btn-primary radius r" id="btn_show_hide_date" role="button" href="###" onclick="show_or_hide_date();" data-action="hide" title="显示/隐藏日期"><i class="fa fa-calendar fa-fw"></i></button>
                <button class="btn btn-primary radius r" id="btn_show_hide_tags" role="button" href="###" onclick="show_or_hide_tags();" data-action="hide" title="显示/隐藏标签"><i class="fa fa-tags fa-fw"> </i></button>
                <button class="btn  radius r" id="btn_toggle_drag_mode" role="button" href="###" onclick='toggle_drag_mode();' title="拖放还是复制"><i class="fa fa-copy fa-fw"> </i></button>

                <button class="btn btn-warning radius r btn-switch" data-switch="1" role="button" href="###" onclick='call_task_box_float();' title="任务箱"><i class="fa fa-archive fa-fw"> </i></button>
                <button class="btn r" role="button" href="###" onclick=';' title="回到顶部"><i class="fa fa-angle-double-up fa-fw"> </i></button>
            </div>
        </div>
    </div> -->


    <!--任务操作工具条-->
    <div id="task_toolbar" class="radius " style="display:none;">
        <i id="close_toolbar" class="fa fa-fw fa-remove   for_search for_root for_title" style="float:right;" onclick="hide_toolbar()" title="关闭"></i>
        <i class="fa fa-fw fa-sort-up     notfor_area_909" onclick="upDown('up')" title="上移"></i>
        <i class="fa fa-fw fa-step-forward   fa-rotate-270    radius  for_simple_view_2 for_902" onclick="upDown('uptop')" title="到顶"></i>
        <i class="fa fa-fw fa-sort-down      notfor_area_909" onclick="upDown('down')" title="下移"></i>
        <!-- <i class="fa fa-fw fa-sort-up      radius for_area_909" onclick="upDown_in_taskset('up')"  title="上移优先"></i> -->
        <!-- <i class="fa fa-fw fa-sort-down     for_area_909" onclick="upDown_in_taskset('down')"  title="下移优先"></i> -->
        <!-- <i class="fa fa-fw fa-square-o      for_area_909" onclick="clear_recent()"  title="非当前"></i> -->
        <!-- <i class="fa fa-fw fa-crosshairs    for_search for_search_view for_history_view" data-node="" onclick="position_task_id()" title="定位"></i> -->
        <!-- <i class="fa fa-fw fa-eye-slash     for_simple_view_2 for_902" onclick="task_archive_to(3)" title="不关注"></i> -->
        <!-- <i class="fa fa-fw fa-eye           for_simple_view_3 for_903" onclick="task_archive_to(2)" title="恢复关注"></i> -->
        <i class="fa fa-fw fa-archive       " onclick="task_archive()" title="归档/恢复"></i>
        <i class="fa fa-fw fa-minus       " onclick="task_archive(false)" title="归档子任务"></i>
        <i class="fa fa-fw fa-refresh       " onclick="refresh_children()" title="刷新子任务"></i>
        <i class="fa fa-fw fa-bullhorn      " onclick="pub2()" title="发布"></i>
        <i class="fa fa-fw fa-toggle-right      " onclick="play()" title="演示"></i>
        <i class="fa fa-fw fa-eye      " onclick="popup()" title="弹出展示"></i>
        <i class="fa fa-fw fa-sliders      " onclick="show_gante_bar()" title="进度计划"></i>
        <i class="fa fa-fw fa-hand-o-left     " onclick="replace_to_simple_view()" title="置换到简单任务视图"></i>

        <i class="fa fa-fw fa-trash         " onclick="del_myself()" title="删除任务"></i>
        <br>
        <i class="fa fa-fw fa-plus           for_node_title for_area_advice" onclick="call_add_child_input()" title="增加子任务"></i>

        <i class="fa fa-fw fa-edit          " onclick="task_text_edit('title')" title="修改任务"></i>
        <i class="fa fa-fw fa-tags          " onclick="task_text_edit('tags')" title="标签"></i>
        <i class="fa fa-fw fa-gears         " onclick="task_text_edit('intags')" title="样式标签"></i>
        <i class="fa fa-fw fa-link          " onclick="task_text_edit('link')" title="链接"></i>
        <i class="fa fa-fw fa-share-square   " onclick="task_text_edit('internal_link')" title="内链"></i>
        <i class="fa fa-fw fa-comment        " onclick="show_task_comment()" title="备注"></i>
        <i class="fa fa-fw fa-photo          " onclick="task_text_edit('photo')" title="图片"></i>
        <i class="fa fa-fw fa-list          " title="大纲" onclick="change_stage('directory')"> </i>

        <br>
        <!--
<i class="fa fa-fw fa-refresh        for_root for_title" data-node="" onclick="refresh_dom_child()" title="刷新" ></i>
<div id="text_edit_div" style="display:none;" data-action="title">
<input id="input_text_edit" class="input-text radius" type=text onkeydown='if(event.keyCode==13){edit_task_text_ok();}' value="">
<a class="" herf="###" onclick="edit_task_text_ok();"><i class="fa fa-check-circle-o"></i></a>
<a class="" herf="###" onclick="edit_task_text_cancel();"><i class="fa fa-times-circle-o"></i></a>
</div>


-->
        <div class="form-inline" id="text_edit_div" style="display:none;" data-action="title">
            <!--
用了bootstrap后，是否不用再写回车代码了，不然会提交两次
<input id="input_simple_task_add" class="form-control radius  "  onkeydown='if(event.keyCode==13){simple_task_add();}'  type=text>
-->
            <input id="input_text_edit" class="form-control radius" type=text onkeydown='if(event.keyCode==13){edit_task_text_ok();}' value="">

            <button class="btn btn-primary " onclick="edit_task_text_ok();"><i class="fa fa-check-circle-o"></i></button>
            <button class="btn " onclick="edit_task_text_cancel();"><i class="fa fa-times-circle-o"></i></button>
        </div>


        <i class="fa fa-fw fa-square icon-blank          " title="无状态" onclick="change_stage('')"> </i>
        <i class="fa fa-fw fa-question icon-question     " title="疑问" onclick="change_stage('question')"> </i>
        <i class="fa fa-fw fa-lightbulb-o icon-think     " title="思路" onclick="change_stage('think')"> </i>
        <i class="fa fa-fw fa-play-circle icon-doing      " title="活动" onclick="change_stage('doing')"> </i>
        <i class="fa fa-fw fa-bomb icon-urgent           " title="迫切" onclick="change_stage('urgent')"> </i>
        <i class="fa fa-fw fa-puzzle-piece icon-hand     " title="协作" onclick="change_stage('farm-out')"> </i>
        <i class="fa fa-fw fa-pause icon-pause           " title="挂起" onclick="change_stage('suspend')"> </i>
        <i class="fa fa-fw fa-paper-plane icon-send      " title="交差" onclick="change_stage('send')"> </i>
        <i class="fa fa-fw fa-check icon-finish          " title="完成" onclick="change_stage('finish')"> </i>
        <i class="fa fa-fw fa-remove icon-giveup         " title="放弃" onclick="change_stage('giveup')"> </i>
        <!-- <i class="fa fa-fw fa-star           hidden"  title="星标" onclick="change_stage('star')"> </i> -->
    <br>
        <i class="fa fa-fw fa-th          " title="散排"   onclick="change_css('child-arrange-float')"> </i>
        <i class="fa fa-fw fa-thumb-tack  " title="浮靠边" onclick="change_css('alongside')"> </i>

        <br>
        <button data-intags="当年" onclick="set_period('当年')">当年</button>
        <button data-intags="当季" onclick="set_period('当季')">当季</button>
        <button data-intags="当月" onclick="set_period('当月')">当月</button>
        <button data-intags="当周" onclick="set_period('当周')">当周</button>
        <button data-intags="当天" onclick="set_period('当天')">当天</button>
        <button  onclick="set_period('')">去除</button>

    </div>

    <div id="task_photo_show" class="radius " style="display:none;position:absolute;z-index:5;"><img></div>
    <div id="leftlist_border" style="display:none;position:absolute;left:10px;background-color:white;"></div>
     <footer>
        <div class="footer">
            <ul style="float:right;">
                <li><a href="###" onclick="open_intro();">我们这样理解任务</a></li>
                <li><a href=/index.php/article/get/962 target="_blank">更新日志</a></li>
                <li>(testing版)</li>
                <!-- <li>(请使用chrome或IE10以上浏览器)</li> -->
                <!-- <li><a href="/cate/" target="_blank">分类模式（测试）</a></li> -->
                <!-- <li><a href="/index.php/home/w/1" target="_blank">多工作区模式（测试）</a></li> -->
            </ul>
        </div>
    </footer>

    <div id="temp" style="display:none;"></div>
    <div id="parm" style="display:none" data-rootTaskId="" data-workarea="" <?php (isset($view) && $view == 'team') ? 'data-teamid = ' . $teamId : '' ?>></div>
    <audio id="LASER" src="/_assets/audio/LASER.wav" controls="controls" preload="" style="display:none;">
        Your browser does not support the audio element.
    </audio>
    <audio id="pao" src="/_assets/audio/pao.m4a" controls="controls" preload="" style="display:none;">
        Your browser does not support the audio element.
    </audio>
    <audio id="discard" src="/_assets/audio/COIN.wav" controls="controls" preload="" style="display:none;">
        Your browser does not support the audio element.
    </audio>
    <script type="text/javascript" src="/libs/moment.min.js"></script>
    <script src="/libs/mousetrap.min.js"></script>
    <script type="text/javascript" src="/libs/jquery.scrollTo-2.1.2/jquery.scrollTo.js"></script>
 
    <script src="/_assets/js/app/for_save_search.js"></script>

    <script src="/_assets/js/app/keep_alive.js"></script>
    <script src="/_assets/js/app/task_search.js"></script>
    <script src="/_assets/js/app/mycalendar.js"></script>
    <script src="/_assets/js/app/mycalendar_drag.js"></script>
    <script src="/_assets/js/app/expend_fold2.js"></script>

    <script src="/_assets/js/app/during_period.js"></script>
    <script src="/_assets/js/app/toolbar2.js"></script>

    <script src="/_assets/js/app/taskset.js"></script>
    <script src="/_assets/js/app/task_drag4.js"></script>
    <script src="/_assets/js/app/keyboard.js"></script>
    <script src="/_assets/js/app/viewshow.js"></script>
    <script src="/_assets/js/app/view_opt.js"></script>

    <script src="/_assets/js/app/createtask.js"></script>
    <script src="/_assets/js/app/loadtask4home295.js"></script>
    <script src="/_assets/js/app/task_dom_opt.js"></script>
    <script src="/_assets/js/app/recent.js"></script>
    <script src="/_assets/js/app/history_task.js"></script>

    <script src="/_assets/js/app/urlbook_task.js"></script>
    <script src="/_assets/js/app/zsk_task.js"></script>

    <script src="/_assets/js/app/helpview_task.js"></script>
    <script src="/_assets/js/app/team_task.js"></script>
    <script src="/libs/rangeslider.js-2.3.0/ion.rangeSlider.js"></script>
    <script src="/_assets/js/app/gante.js"></script>
    <script src="/_assets/js/app/cancel2.js"></script>
    <script type="text/javascript" src="/libs/introjs/intro.js"></script>
    <script src="/_assets/js/app/intro_help.js"></script>
    <script src="/_assets/js/app/todoview.js"></script>
</body>

</html>